<template>
  <el-space direction="vertical">
    <el-card  class="box-card" style="width: 950px;margin: 20px 0 0 0">
      <template #default>
        <div class="card-header">
          <span>系统通知</span>
        </div>
      </template>
    </el-card>
    <el-card  class="box-card" style="width: 950px;height: 740px;margin-bottom: 40px">
      <template #default>
        <div class="card-header">
          <div class="sty">
            <p style="font-size: 16px">3方式任选，免费、付费，任意学！</p >
            <p style="font-size: 14px ;color: #7d8090 ;margin-top: 20px">即使是你手机相册中的、无任何教学的纯作品视频，放到练习室，也能秒变“教程”、免费学会！</p >
          </div>
          <div class="sty">
            <p style="font-size: 16px">FLnk，快去“我的练习室”实现本周小目标！</p >
            <p style="font-size: 14px ;color: #7d8090 ;margin-top: 20px">在这里，你将有很多伙伴： 练习室同学们，和你一起学习、群内交流， 课程的老师们，为你答疑解惑、在线指导， 平台客服，教会你使用学舞练舞功能， 系统智能提醒，循序渐进，坚持就能成功！</p >
          </div>
        </div>
      </template>
    </el-card>
  </el-space>
</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "InteractNote",
});

</script>

<script lang="ts" setup>

</script>
<style scoped lang="scss">
.sty{
  margin-top: 30px;
  height: 100px;
  border-bottom: 1px solid #e3e3e3;
}
</style>
